@import 'define';

body, html {
	background: #efefef;
	height: 100%;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.g-header {
	background: @theme-co1;
	h1 {
		text-align: center;
		color: #fff;
		font-size: 1.2em;
		padding: .5em;
		margin: 0;
	}
}

.container {
	height: 100%;
}

.tabbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.user-info {
	padding: 2em 1em;
	background: @theme-co1;
	color: #fff;
	margin-top: -1px;
	img {
		width: 60px;
		height: 60px;
		float: left;
		margin-right: 2em;
		border-radius: 30px;
	}
	.info {
		margin-top: .3em;
		.name {
			font-size: 1.2em;
		}
		.phone {
			color: #eee;
		}
	}
}

.device-info {
	padding: 2em 1em;
	background: @theme-co1;
	color: #fff;
	margin-top: -1px;
	.info {
		margin-top: .3em;
		.device-id {
			font-size: 1.2em;
		}
		.address {
			color: #eee;
		}
	}
}

.feedback{
	text-align: center;
	padding: .5em;
}

.all{
	padding: 1em;
	color: #999;
	span{
		color: @theme-co1;
		font-size: 1.2em;
		font-weight: 700;
	}
}
.items{
	background: #fff;
	.item{
		padding: 1em;
		text-align: center;
		.use{
			color: @theme-co1;
			font-size: 1.2em;
			font-weight: 700;
			display: block;
		}
		.gen{
			color: @theme-co1;
			font-size: 1.2em;
			font-weight: 700;
			display: block;
		}
	}
}

.navs{
	background: #fff;
	padding: 1em 0 0;
	ul{
		list-style: none;
		li{
			margin-bottom: 1.5em;
			a{
				color: #666;
				text-align: center;
				i{
					display: block;
					width: 2em;
					height: 2em;
					margin: 0 auto .5em;
					background: url(../img/icon_nav_button.png);
					background-size: contain;
				}
			}
		}

	}
}